<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>KINEPOLIS - Projet 2013</title>
	<!-- stylesheets  onglet connection-->
	<link rel="stylesheet" href="Css/style.css" type="text/css" media="screen" /> 
	<link rel="stylesheet" href="Css/slide.css" type="text/css" media="screen" />
</h:head>
<h:body>
	<!-- 
		Utiliser le composant JSF DataTable pour afficher la date, l'heure, le film, le prix, le nombre de place et la salle des projections contenus dans la table
		On récupère les projections avec la fonction allProjection() de la classe ProjectionManagedBean
	 -->
	<h:dataTable value="#{projectionManagedBean.allProjection()}" var="proj">
		<h:column>
			<f:facet name="header">DATE</f:facet>
			<!-- Affiche la date de la projection en sortie -->
			<h:outputText value="#{proj.date}" />
		</h:column>
	    <h:column>
			<f:facet name="header">HEURE</f:facet>
			<!-- Affiche l'heure de la projection en sortie -->
			<h:outputText value="#{proj.heure}" />
		</h:column>
		<h:column>
			<f:facet name="header">FILM</f:facet>
			<!-- Affiche le film de la projection en sortie -->
			<h:outputText value="#{proj.film}" />
		</h:column>
		<h:column>
			<f:facet name="header">PRIX</f:facet>
			<!-- Affiche le prix de la projection en sortie -->
			<h:outputText value="#{proj.prix}" />
		</h:column>
		<h:column>
			<f:facet name="header">PLACES</f:facet>
			<!-- Affiche le nombre de place disponible de la projection en sortie -->
			<h:outputText value="#{proj.nbPlacedispo}" />
		</h:column>
		<h:column>
			<f:facet name="header">SALLE</f:facet>
			<!-- Affiche la salle de la projection en sortie -->
			<h:outputText value="#{proj.salle}" />
		</h:column>
	</h:dataTable>
</h:body>
</html>